<template>
	<view class="img_meng" :style="{'width':width, 'height':height }">
		<u-image class="user_header"  
		:width="width" 
		:height="height" 
		:mode="mode" 
		:border-radius="borderRadius"
		:fade="fade"
		:shape="shape"
		:duration="duration"
		:lazy-load="lazyLoad"
		
		:src="src"></u-image>
		<view class="img_meng_box" :style="{'width':width, 'height':height , 'border-radius':borderRadius}">
			
		</view>
	</view>
</template>
<script>
	export default{
		props: {
			duration:{
				type: String,
				default: ''
			},
			lazyLoad:{
				type: true,
				default: false
			},
			src:{
				type: String,
				default: ''
			},
			fade:{
				type: Boolean,
				default: false
			},
			width:{
				type: String,
				default: '150rpx'
			},
			height:{
				type: String,
				default: '150rpx'
			},
			mode:{
				type: String,
				default: ''
			},
			borderRadius:{
				type: String,
				default: ''
			},
			shape:{
				type: String,
				default: ''
			}
		},
		data(){
			return {}
		},
		mounted() {},
		methods: {}
	}
</script>
<style lang="scss" scoped>
	@import url(./index.css);
</style>